//@import "reset";
//body{Windsor:expression(document.body.onselectstart=document.body.oncontextmenu=function(){return false;});}
@import "components";
@import "seeHeader";
body{
  background: #000;
}
#selfMediaVd,#cityAdVideo{
  position: relative;
  width:100%;
  //height: 100%;
  //height:100vh;
  overflow: hidden;
}
.selfMediaVd-video{
  //position: absolute;
  width:100%;
  height:4.2rem;
  overflow: hidden;
  //background: #f66;

  .prism-player .prism-ErrorMessage{
    z-index: 2000;
    font-size: 20px;
    .prism-button-orange{
      display: none;
    }
  }
  .prism-player .prism-liveshift-progress, .prism-player .prism-progress{
    width: 62%;
  }
  .prism-player .prism-big-play-btn{
    display: none !important;
  }
  .prism-player .prism-time-display{
    width: 84%;
    .duration{
      float: right;
    }
    .time-bound{
      display: none !important;
    }
  }
  .prism-player .prism-controlbar{
    display: none !important;
  }
  .prism-player .prism-play-btn{
    position: relative;
    z-index: 102;
    width: 22px;
    height: 22px;
  }
  video {
    object-fit: contain !important;
  }
  video.center{
    object-position:50% 50% !important;
  }
}
.myVideo{
  //.prism-player .prism-controlbar{
  //  display: block !important;
  //}
}
.selfMediaVd-videobg{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  width:100%;
  height:4.2rem;
  //height:6.5rem
}
.selfMediaVd-videobg1{
  background: url(/imgs/see/selfMedia/selfMediaVd-spzhe.png) no-repeat center;
  background-size: 100% 100%;
}
.selfMediaVd-header{
  position: relative;
  margin: 0.2rem auto;
  padding-left: 0.8rem;
  //position: absolute;
  //top: 0.27rem;
  //z-index: 101;
  height: 0.7rem;
  width: 85.3%;
  font-size: 0.34rem;
  color: #fff;
  //background: #000;
  >span{
    display: block;
    position: absolute;
    top: 0;
    height: 0.6rem;
    width: 0.6rem;
  }
  strong{font-weight: inherit;}
  .back{
    top: 0.05rem;
    left: 0.2rem;
    background: url(/imgs/see/index/adDetails-goback.png) no-repeat center;
    background-size: 0.6rem 0.6rem;
  }
  .more{
    right: 0.05rem;
    background: url(/imgs/see/index/adDetails-more.png) no-repeat center;
    background-size: 0.6rem 0.6rem;
  }
  .share{
    right: 1.1rem;
    background: url(/imgs/see/index/adDetails-qshera.png) no-repeat center;
    background-size: 0.6rem 0.6rem;
  }
}
.header-info{
  position: relative;
  width: 3.9rem;
  .infoLeft-img{
    position: absolute;
    top: 0;
    left: 0;
    width: 0.7rem;
    height: 0.7rem;
    background-size: 100%;
    border-radius: 50%;
  }
  h6{
    padding: 0 0.5rem 0 0.91rem;
    height: 0.41rem;
    line-height: 0.41rem;
    font-weight: inherit;
    font-size: 13px;
    strong{
      margin-left: 0.1rem;
    }
  }
  p{
    padding-left: 0.91rem;
    height: 0.33rem;
    line-height: 0.33rem;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.18rem;
    span{
      margin: 0 0.08rem;
    }
  }
  .infoLeft-map{
    position: absolute;
    top: 0.02rem;
    right: 0.25rem;
    display: block;
    padding-left: 0.25rem;
    min-width: 0.17rem;
    min-height: 0.17rem;
    font-size: 0.2rem;
    background: url(/imgs/see/selfMedia/selfMedia-map.png) no-repeat left center;
    background-size: 0.17rem 0.17rem;
  }
}
.userPage-boy{
  display: inline-block;
  width: 0.20rem;
  height: 0.26rem;
  background: url("/imgs/see/userPage/userPage-boy.png") no-repeat center;
  background-size: 0.20rem 0.26rem;
}
.userPage-girl{
  display: inline-block;
  width: 0.16rem;
  height: 0.26rem;
  background: url("/imgs/see/userPage/userPage-girl.png") no-repeat center;
  background-size: 0.16rem 0.26rem;
}
.header-infoRight{
  position: absolute;
  top: 0.1rem;
  right:0.8rem;
  //float: right;
  padding: 0 0.6rem 0 0.3rem;
  width: 1.3rem;
  height: 0.48rem;
  line-height: 0.48rem;
  text-align: center;
  font-size: 0.22rem;
  color: #fff;
  background-color: rgba(34, 34, 34, 0.5);
  border-radius: 0.39rem;
  //.infoRight-money{
  //  margin-left: 0.1rem;
  //  padding-left: 0.3rem;
  //  color: #eb4e27;
  //  background: url(/imgs/purchase/index/purchase-mons.png) no-repeat left center;
  //  background-size: 0.25rem 0.25rem;
  //}
  span{
    margin-left: 0.05rem;
    color: #FFE026;
  }
  .infoRight--reward,.infoRight--reward1{
    position: absolute;
    right: 0.1rem;
    bottom: 0;
    display: block;
    width: 0.45rem;
    height: 0.6rem;
  }
  .infoRight--reward{
    background: url(/imgs/see/index/seeIndex-hongbao.png) no-repeat right center;
    background-size: 0.45rem 0.47rem;
    //background: url(/imgs/see/selfMedia/selfMediaVd-dshang.png) no-repeat center;
    //background-size: 0.34rem 0.54rem;
  }
  .infoRight--reward1{
    background: url(/imgs/see/selfMedia/selfMediaVd-dshang.png) no-repeat center;
    background-size: 0.45rem 0.54rem;
  }
}
.selfMediaVd-bott{
  //position: absolute;
  //left: 4%;
  //bottom: 0;
  //z-index: 102;
  margin: 0 auto;
  width: 92%;
  height: 1rem;
  line-height: 1rem;
  font-size: 0.26rem;
  color: #fff;
  overflow: hidden;
  //background: #000;
  //::-webkit-input-placeholder { /* WebKit browsers */
  //  color:#fff;
  //}
  //:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  //  color:#fff;
  //}
  //::-moz-placeholder { /* Mozilla Firefox 19+ */
  //  color:#fff;
  //}
  //:-ms-input-placeholder { /* Internet Explorer 10+ */
  //  color:#fff;
  //}
  //input{
  //  padding-left: 0.2rem;
  //  width: 2.54rem;
  //  height: 0.5rem;
  //  background-color: rgba(255, 255, 255, 0.2);
  //  border-radius: 0.06rem;
  //  border: none;
  //  vertical-align: top;
  //  //font-size: 0.26rem;
  //}
  span{
    float: left;
    padding-left: 7.5%;
    //margin-left: 0.25rem;
    //width: 0.8rem;
    width: 12.5%;
    height: 100%;
    //height: 0.56rem;
    //line-height: 0.65rem;
  }
  .selfMediaVd-comme{
    //margin-left: 0.25rem;
    //left: 3.08rem;
    //width: 0.65rem;
    background: url(/imgs/see/selfMedia/selfMediaVd-comme.png) no-repeat left center;
    background-size: 0.53rem 0.53rem;
  }
  .selfMediaVd-fabu2{
    //left: 4.36rem;
    background: url(/imgs/see/selfMedia/selfMediaVd-fabu2.png) no-repeat left 0.23rem;
    background-size: 0.53rem 0.53rem;
  }
  .selfMediaVd-fabu1{
    //left: 4.36rem;
    background: url(/imgs/see/selfMedia/selfMediaVd-fabu1.png) no-repeat left 0.23rem;
    background-size: 0.53rem 0.53rem;
  }
  .selfMediaVd-markb2{
      //left: 5.8rem;
      background: url(/imgs/see/selfMedia/selfMediaVd-markb2.png) no-repeat left 0.21rem;
    background-size: 0.53rem 0.53rem;
  }
  .selfMediaVd-markb1{
    //left: 5.8rem;
    background: url(/imgs/see/selfMedia/selfMediaVd-markb1.png) no-repeat left 0.21rem;
    background-size: 0.53rem 0.53rem;
  }
  .selfMediaVd-reward{
    //padding-left: 0.48rem;
    background: url(/imgs/see/selfMedia/selfMediaVd-reward.png) no-repeat left center;
    background-size: 0.53rem 0.53rem;
  }
  .selfMediaVd-shopping{
    padding-left: 0;
    width: 20%;
    background: url(/imgs/see/selfMedia/selfMediaVd-shopping.png) no-repeat center;
    background-size: 0.76rem 0.77rem;
  }
}
.selfMediaVd-bott1{
  left: 0.4rem;
  span{
    width: 1.25rem;
  }
  .selfMediaVd-shopping{
    display: none;
  }
}
.selfMediaVd-bott2{
  left: 0.9rem;
  span{
    width: 1.5rem;
  }
  .selfMediaVd-shopping,.selfMediaVd-comme{
    display: none;
  }
}
.selfMediaVd-info{
  position: absolute;
  left: 0;
  top: 3.55rem;
  z-index: 101;
  padding: 0 4%;
  width: 92%;
  height: 0.6rem;
  line-height: 0.6rem;
  font-size: 0;
  overflow: hidden;
  //position: relative;
  //color: #fff;
  .selfMediaVd-infoCent{
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem;
    //padding: 0 0.3rem;
    font-size: 0.26rem;
    color: #fff;
    div{
      position: absolute;
      overflow: hidden;
      width: 200%;
      //text-overflow: ellipsis;
      //white-space: nowrap;
      //animation: marquee 5s linear infinite;
      -webkit-animation:  marquee 5s linear infinite;
      -o-animation:  marquee 5s linear infinite;
      animation:  marquee 5s linear infinite;
      span{
        float: left;
        width: 50%;
      }
    }
  }
  >span{
    position: absolute;
    top: 0;
    right: 0.3rem;
    span{
      margin-left: 0.05rem;
      font-family: "宋体";
    }
  }
}
@-webkit-keyframes marquee {
  0% { left: 0; }
  5%{left: 0;}
  100% { left: -100%; }
}
@-moz-keyframes marquee {
  0% { left: 0; }
  5%{left: 0;}
  100% { left: -100%; }
}
@-o-keyframes marquee {
  0% { left: 0; }
  5%{left: 0;}
  100% { left: -100%; }
}
@keyframes marquee {
  0% { left: 0; }
  5%{left: 0;}
  100% { left: -100%; }
}
.selfMediaVd-comment{
  //display: none;
  //position: absolute;
  //left: 0;
  //bottom: 0;
  //z-index: 103;
  width: 100%;
  height: 7.03rem;
  background: #fff;
}
.comment-title{
  position: relative;
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  font-size: 0.32rem;
  color: #7c7c7c;
  font-weight: inherit;
  //border-bottom: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  strong{
    display: inline-block;
    margin: 0 0.32rem;
    height: 0.96rem;
    border-bottom: 0.04rem solid transparent;
    font-weight: inherit;
  }
  .active{
    color: #333;
    border-bottom-color: #0092ff;
  }
  .selfMediaVd-paixud{
    position: absolute;
    top: 0;
    right: 0.24rem;
    width: 0.6rem;
    height: 100%;
    background: url(/imgs/see/selfMedia/selfMediaVd-paixud.png) no-repeat center;
    background-size: 0.6rem 0.6rem;
  }
}
.comment-butt{
  position: relative;
  height: 0.99rem;
  line-height: 0.99rem;
  border-top: 1px solid #ccc;
  font-size:0;
  ::-webkit-input-placeholder { /* WebKit browsers */
    color:#7b7b7b;
  }
  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#7b7b7b;
  }
  ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#7b7b7b;
  }
  :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#7b7b7b;
  }
  input{
    margin-left: 0.75rem;
    width: 75%;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.28rem;
    border: none;
    vertical-align: middle;
  }
  .selfMediaVd-wirt{
    position: absolute;
    top: 0;
    left: 0.2rem;
    display: block;
    width: 0.4rem;
    height: 100%;
    background: url(/imgs/see/selfMedia/selfMediaVd-wirt.png) no-repeat center;
    background-size: 0.26rem 0.29rem;
  }
  .selfMediaVd-send{
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 1rem;
    height: 100%;
    text-align: center;
    background-color: #d45048;
    font-size: 13px;
    color: #fff;
  }
}
.comment-cent{
  height: 5rem;
  overflow-y: auto;
  .comment-list{
    position: relative;
    padding: 0.28rem 0 0.3rem;
  }
  .comment-listHead{
    position: absolute;
    top: 0.3rem;
    left: 0.3rem;
    display: block;
    width:0.72rem;
    height: 0.72rem;
    background: #666 no-repeat;
    background-size: 100%;
    border-radius: 50%;
  }
  .comment-listRight{
    padding-left: 1.25rem;
    min-height: 0.72rem;
    font-size: 0;
    h6{
      //margin-bottom: 0.15rem;
      font-size: 14px;
      font-weight: inherit;
      color: #333;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
    }
    p{
      margin-bottom: 0.05rem;
      font-size: 9px;
      color: #7b7b7b;
      span{
        margin: 0 0.05rem;
      }
    }
  }
  .comment-listBtn{
    margin-bottom: 0.08rem;
    position: relative;
    height: 0.6rem;
    line-height: 0.6rem;
    span{
      position: absolute;
      top: 0;
      display: block;
      padding-left: 0.6rem;
      height: 0.6rem;
      line-height: 0.7rem;
      font-size: 0.22rem;
      color: #7b7b7b;
    }
  }
  .selfMediaVd-good{
    left: 0;
    background: url(/imgs/see/index/adDetails-good.png) no-repeat left center;
    background-size: 0.41rem 0.38rem;
  }
  .selfMediaVd-good1{
    left: 0;
    background: url(/imgs/see/index/adDetails-good1.png) no-repeat left center;
    background-size: 0.41rem 0.38rem;
  }
  .selfMediaVd-spcha{
    left: 1.48rem;
    background: url(/imgs/see/selfMedia/selfMediaVd-spcha.png) no-repeat left center;
    background-size: 0.6rem 0.6rem;
  }
  .selfMediaVd-spcha1{
    left: 1.48rem;
    background: url(/imgs/see/selfMedia/selfMediaVd-spcha1.png) no-repeat left center;
    background-size: 0.35rem 0.32rem;
  }
  .selfMediaVd-sppl{
    //left: 3.01rem;
    left: 1.48rem;
    background: url(/imgs/see/selfMedia/selfMediaVd-sppl.png) no-repeat left center;
    background-size: 0.6rem 0.6rem;
  }
  .selfMediaVd-more1{
    right: 0.24rem;
    background: url(/imgs/purchase/index/purchase-more1.png) no-repeat;
    background-size: 0.6rem 0.6rem;
  }
  .comment-listButt{
    font-size: 0.22rem;
    color: #4090f7;
  }
}
.selfMediaVd-label{
  position: absolute;
  top: 1.5rem;
  right: 0.33rem;
  z-index: 101;
  width: 100%;
  text-align: right;
  font-size: 0.26rem;
  color: #fff;
  //.selfMediaVd-icon{
  //   display: inline-block;
  //   margin-bottom: 0.3rem;
  //   padding: 0.1rem 0.2rem 0.1rem 0.4rem;
  //   //height: 0.48rem;
  //   //line-height: 0.48rem;
  //   text-align: center;
  //   background: url(/imgs/see/selfMedia/selfMediaVd-icon.png) no-repeat left center;
  //   background-size: 100% 100%;
  // }
  div{
    //display: inline-block;
    //text-align: right;
  }
  strong,label{
    float: right;
  }
  .selfMediaVd-icon1{
    //float: left;
    display: inline-block;
    margin-bottom: 0.3rem;
    //padding-left: 0.4rem;
    //padding: 0.1rem 0.2rem 0.1rem 0.4rem;
    width: 0.35rem;
    height: 0.48rem;
    line-height: 0.48rem;
    text-align: center;
    background: url(/imgs/see/selfMedia/selfMediaVd-icon1.png) no-repeat left center;
    background-size: 0.35rem 100%;
  }
  .selfMediaVd-icon2{
    display: inline-block;
    margin-bottom: 0.3rem;
    padding: 0 0.2rem 0 0;
    height: 0.48rem;
    line-height: 0.48rem;
    text-align: center;
    background: url(/imgs/see/selfMedia/selfMediaVd-icon2.png) no-repeat left center;
    background-size: 100% 100%;
    border-radius: 0 0.05rem 0.05rem 0;
  }
  .label-icon1{
    float: left;
    width: 0.2rem;
    height: 100%;
    background: url(/imgs/see/selfMedia/selfMediaVd-label.png) no-repeat center 0.12rem;
    background-size: 0.2rem 0.22rem;
  }
  .label-icon2{
    float: left;
    width: 0.24rem;
    height: 100%;
    background: url(/imgs/see/selfMedia/selfMediaVd-label2.png) no-repeat center 0.13rem;
    background-size: 0.24rem 0.2rem;
  }
  .label-icon3{
    //float: left;
    color: #fff;
    //width: 0.22rem;
    //height: 100%;
    //background: url(/imgs/see/selfMedia/selfMediaVd-label3.png) no-repeat center 0.12rem;
    //background-size: 0.22rem 0.22rem;
  }
  span{
    margin: 0 0.08rem;
  }
}
//详情 start
.userInfo{
  padding: 0.45rem 0.25rem 0.3rem;
  height: 5.28rem;
  overflow-y: auto;
  h6{
    font-size: 0.34rem;
    font-weight: inherit;
    color: #000000;
  }
  p{
    margin: 0.05rem 0 0.3rem;
    font-size: 0.2rem;
    color: #999;
    span{
      margin: 0 0.08rem;
    }
  }
  .userInfo-cent{
    font-size: 0.26rem;
    color: #666;
    word-wrap:break-word;
    word-break:break-all;
  }
}
//征婚 start
.signMarriage{
  padding: 0.22rem 0 0.2rem 0.3rem;
  height: 4.5rem;
  overflow-y: auto;
}
.signMarriage-head{
  margin-bottom: 0.6rem;
  h6{
    padding-top: 0.18rem;
    margin-bottom: 0.08rem;
    font-weight: inherit;
    font-size: 0.3rem;
    color: #ff3c00;
    span{
      display: inline-block;
      padding: 0 0.1rem;
      height: 0.27rem;
      line-height: 0.27rem;
      font-size: 0.2rem;
      color: #fff;
      border-radius: 0.04rem;
    }
  }
  .signMarriage-grade{
    display: inline-block;
    margin-left: 0.2rem;
    background-color: #ba9fcf;
  }
  .signMarriage-realName{
    //width: 0.55rem;
    background-color: #7dc8ea;
  }
  p{
    font-size: 0.22rem;
    color: #666;
    span{
      display: inline-block;
      margin: 0 0.08rem;
      border-left: 1px solid #666;
      height: 0.26rem;
      vertical-align: -0.05rem;
    }
  }
}
.signMarriage-headImg{
  margin-right: 0.2rem;
  float: left;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background-size: 100%;
}
.signMarriage-album{
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #f1f1f1;
  .swiper-wrapper{
    margin: 0;
  }
  .swiper-slide{
    position: relative;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 0.1rem;
    overflow: hidden;
    img{
      display: block;
      width: 100%;
      height: 100%;
    }
  }
}
.signMarriage-introduce{
  padding: 0 0.25rem 0.25rem 0;
  border-bottom: 1px solid #f1f1f1;
  div{
    font-size: 0.24rem;
    color: #666666;
    //display: -webkit-box;
    //-webkit-box-orient: vertical;
    //-webkit-line-clamp: 2;
    //white-space: inherit;
    //word-wrap:break-word;
    //word-break:break-all;
    img{
      margin: 0 auto;
      display: block;
      width: 100% !important;
    }
  }
}
.signMarriage-title{
  height: 0.9rem;
  line-height: 0.9rem;
  font-weight: inherit;
  font-size: 0.28rem;
  color: #000000;
  span{
    margin-left: 0.1rem;
    font-size: 0.22rem;
    color: #999;
  }
}
.signMarriage-butt{
  text-align: center;
}
.signMarriage-lt{
  //margin: 0 auto;
  display: inline-block;
  padding-left: 0.5rem;
  height: 100%;
  font-size: 0.31rem;
  color: #666666;
  //vertical-align: -0.07rem;
  background: url(/imgs/see/userPage/userPage-zltalk.png) no-repeat left 0.25rem;
  background-size: 0.44rem 0.44rem;
}
.signMarriage-info{
  p{
    margin-bottom: 0.15rem;
    font-size: 0.24rem;
    color: #333;
    span{
      display: inline-block;
      width: 40%;
    }
  }
}
//购物 start
.selfMediaVd-goods{
  //position: absolute;
  //left: 0;
  //bottom: 0;
  //z-index: 103;
  width: 100%;
  height: 7rem;
  background: #fff;
  .comment-title{
    text-align: center;
    color: #333333;
    border-bottom: 1px solid #ccc;
  }
}
.selfMediaVd-goodsCent{
  padding: 0.3rem 0 0.3rem 0.3rem;
  .swiper-wrapper{
    margin: 0;
  }
  .swiper-slide{
    position: relative;
    width: 1.8rem;
    //height: 1.8rem;
    overflow: hidden;
    strong{
      display: block;
      width: 1.8rem;
      height: 1.8rem;
      background-size: 100%;
    }
    .goodsCent-img{
      position: absolute;
      top: 0;
      left: 0;
      background: url("/imgs/see/selfMedia/selfMediaVd-icon4.png") no-repeat center;
      background-size: 100%;
    }
    p{
      margin: 0.05rem 0;
      font-size: 0.2rem;
      color: #333;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      white-space: inherit;
      overflow: hidden;
    }
    span{
      display: block;
      //padding-left: 0.3rem;
      min-height: 0.25rem;
      font-size: 0.24rem;
      color: #e15640;
      //background: url(/imgs/purchase/index/purchase-mons.png) no-repeat left center;
      //background-size: 0.25rem 0.25rem;
    }
  }
}
#loadtip,.loadtip{
  //display: none;
  text-align: center;
  margin: 0 auto;
  background: url("/imgs/see/index/loading.gif") no-repeat center;
  background-size: 0.32rem 0.32rem;
  width: 100%;
  height: 1rem;
}
//企业信息 start
.enterprise-Info{
  //padding: 0.45rem 0.25rem 0.3rem;
  padding: 0.2rem 0.3rem;
  height: 5.63rem;
  overflow-y: auto;
}
.enterprise-InfoTop{
  h6{
    color: #333;
  }
}
.enterprise-InfoCent{
  h6{
    margin-bottom: 0.35rem;
    font-size: 0.28rem;
    color: #000;
  }
  div{
    font-size: 0.24rem;
    color: #666;
    p{
      line-height: 0.45rem;
    }
    img{
      display: block;
      width: 100% !important;
    }
  }
}
//在招职位 start
.enrollAgain{
  padding: 0 0 0.2rem 0.3rem;
}
.enrollAgain-list{
  position: relative;
  padding-top: 0.3rem;
  height: 1.4rem;
  border-bottom: 1px solid #f1f1f1;
  h6{
    margin-bottom: 0.05rem;
    font-weight: inherit;
    font-size: 0.3rem;
    color: #000;
  }
  p{
    margin-bottom: 0.08rem;
    font-size: 0.22rem;
    color: #666;
    span {
      display: inline-block;
      margin: 0 0.08rem;
      border-left: 1px solid #666;
      height: 0.26rem;
      vertical-align: -0.05rem;
    }
  }
  strong{
    position: absolute;
    top: 0.3rem;
    right: 0.3rem;
    font-size: 0.3rem;
    font-weight: inherit;
    color: #f44834;
  }
}
.enrollAgain-list:last-child{
  border-bottom: 0;
}
//图集 start
.selfMediaVd-atlas{
  padding: 0.3rem 0 0.15rem 0;
  height: 5.58rem;
  overflow-y: auto;
  font-size: 0;
  span{
    margin: 0 0 0.15rem 0.15rem;
    float: left;
    width: 2.2rem;
    height: 2.2rem;
    background-size: 100%;
    background-color: #eee;
  }
}
//打赏 start
#mediaVd-reward{
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 200;
  margin-left: -47%;
  margin-top: -2.25rem;
  width: 94%;
  height: 4.5rem;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.1rem;
  font-size: 0;
  .mediaVd-rewardTitle{
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: 0.34rem;
    font-weight: bold;
    color: #333333;
  }
  .rewardTitle-icon{
    position: absolute;
    top: 0.2rem;
    right: 0.25rem;
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    background: url("/imgs/friend/index/circleBar-close.png") no-repeat;
    background-size: 0.6rem 0.6rem;
  }
  .rewardFixed{
    margin-left: -0.2rem;
    padding: 0 0.3rem 0.13rem;
  }
  .rewardFixed-list{
    float: left;
    margin: 0 0 0.2rem 0.2rem;
    height: 0.96rem;
    line-height: 0.96rem;
    width: 1.83rem;
    text-align: center;
    font-size: 0.34rem;
    color: #e15640;
    background: #fff;
    border: 2px solid #dddddd;
    border-radius: 0.1rem;
    span{
      display: inline-block;
      padding-left: 0.4rem;
      height: 100%;
      min-width: 0.34rem;
      background: url(/imgs/happyi/index/happyi-mon.png) no-repeat left center;
      background-size: 0.34rem 0.34rem;
    }
  }
  .mediaVd-rewardBtn{
    font-size: 0.24rem;
    color: #4090f7;
  }
  .rewardOther{
    position: relative;
    margin: 0.1rem 0.3rem 0.3rem;
    height: 1.1rem;
    background-color: #ffffff;
    border-radius: 0.1rem;
    border: 2px solid #dddddd;
    input {
      margin: 0.23rem 0.2rem 0;
      padding-left: 35%;
      width: 57%;
      height: 0.6rem;
      background: transparent;
      border: none;
      font-size: 0.5rem;
      color: #ccc;
      vertical-align: middle;
    }
    strong{
      position: absolute;
      top: 0;
      left: 30%;
      display: block;
      height: 100%;
      width: 0.34rem;
      background: url(/imgs/happyi/index/happyi-mon.png) no-repeat left center;
      background-size: 0.34rem 0.34rem;
    }
  }
  .mediaVd-rewardBtn2{

  }
  .mediaVd-rewardBtn1{
    margin: 0.3rem auto 0;
    display: block;
    width: 1.89rem;
    height: 0.72rem;
    line-height: 0.72rem;
    text-align: center;
    background-color: #c4594d;
    border-radius: 0.1rem;
    font-size: 0.3rem;
    color: #ffffff;
  }
}
//打赏 end
div#mask{
  display: none;
}
.maskShow{display: block !important;}
#redTips{
  display: none;
  position: fixed;
  left: 50%;
  //top: 0;
  bottom: 4%;
  z-index: 2000;
  padding: 18vh 0 0;
  margin-left: -2.3rem;
  width: 4.6rem;
  //width: 72vw;
  text-align: center;
  //width: 5.4rem;
  //height: 2rem;
  .redTips-cent,.redTips-cent1,.redTips-cent2{
    position: relative;
    width: 100%;
    //width: 23rem;
    height: 6.08rem;
    color: #fff;
    font-size: 0;
  }
  .redTips-cent{
    background: url(/imgs/see/selfMedia/redTips-icon2.png) no-repeat center;
    background-size: 100% 100%;
  }
  .redTips-cent1{
    background: url(/imgs/see/selfMedia/redTips-icon3.png) no-repeat center;
    background-size: 100% 100%;
  }
  .redTips-cent2{
    background: url(/imgs/see/selfMedia/redTips-icon4.png) no-repeat center;
    background-size: 100% 100%;
  }
  .userHead-bg{
    position: absolute;
    top: 0.56rem;
    left: 50%;
    display: block;
    margin-left: -0.83rem;
    width: 1.66rem;
    height: 1.66rem;
    background: url(/imgs/see/selfMedia/redTips-icon5.png) no-repeat center;
    background-size: 100% 100%;
  }
  .userHead{
    position: relative;
    z-index: 10;
    margin-top: 0.75rem;
    display: inline-block;
    width: 1.34rem;
    height: 1.34rem;
    border-radius: 50%;
    //background: #eee;
    background-size: 100% 100%;
  }
  .userName{
    margin-top: 0.2rem;
    font-size: 0.34rem;
  }
  .redTips-icon{
    margin-top: 0.4rem;
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    //background: url(/imgs/see/selfMedia/redTips-icon.png) no-repeat center;
    //background-size: 100% 100%;
  }
  .redTips-icon1{
    margin-top: 1rem;
    display: inline-block;
    width: 0.74rem;
    height: 0.74rem;
    background: url(/imgs/see/selfMedia/redTips-icon1.png) no-repeat center;
    background-size: 100% 100%;
  }
  .redTips-h6{
    padding-top: 2.8rem;
    margin-bottom: 0.15rem;
    font-size: 0.5rem;
    font-weight: inherit;
  }
  .redTips-p{
    margin-bottom: 0.2rem;
    //margin-top: 3rem;
    font-size: 0.32rem;
    span{
      margin: 0 0.1rem 0 0.15rem;
      font-size: 0.46rem;
      color: #e2d771;
    }
  }
  .redTips-btn{
    //position: absolute;
    //bottom: 0.5rem;
    display: inline-block;
    width: 3.5rem;
    height: 0.84rem;
    line-height: 0.84rem;
    background-color: #a54f37;
    box-shadow: 0 3px 0 0 #d2674a,inset 0 3px 0 0 rgba(131, 44, 20, 0.38);
    border-radius: 0.42rem;
    font-size: 0.34rem;
    color: #f0d298;
  }
  .redTips-p1{
    padding-top: 3.5rem;
    margin-bottom: 0.5rem;
    font-size: 0.32rem;
  }
}
#maskBox{
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 2000;
  width: 100%;
  height: 3.65rem;
  background: rgba(255,255,255,.95);
}
.maskBox-top{
  height: 0.8rem;
  line-height: 0.8rem;
  font-size: 0.3rem;
  color: #333333;
  text-align: center;
  border-bottom: 1px solid #e2e2e2;
}
.maskBox-cent{
  padding: 0.28rem 0 0.3rem;
  font-size: 0.2rem;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: scroll;
  /* 1 */
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-overflow-scrolling: touch;
  /* 2 */
  text-align: justify;
  /* 3 */
  /*border-top: 1px solid #e2e2e2;*/
  span{
    display: inline-block;
    padding-top: 0.95rem;
    width: 1.48rem;
    text-align: center;
  }
  .maskBox-icon{
    background: url(/imgs/friend/index/maskBox-icon.png) no-repeat center top;
    background-size: 0.88rem 0.88rem;
  }
  .maskBox-icon1{
    background: url(/imgs/friend/index/maskBox-icon1.png) no-repeat center top;
    background-size: 0.88rem 0.88rem;
  }
  .maskBox-icon2{
    background: url(/imgs/friend/index/maskBox-icon2.png) no-repeat center top;
    background-size: 0.88rem 0.88rem;
  }
  .maskBox-icon3{
    background: url(/imgs/friend/index/maskBox-icon3.png) no-repeat center top;
    background-size: 0.88rem 0.88rem;
  }
  .maskBox-icon4{
    background: url(/imgs/friend/index/maskBox-icon4.png) no-repeat center top;
    background-size: 0.88rem 0.88rem;
  }
  .maskBox-icon5{
    background: url(/imgs/friend/index/maskBox-icon5.png) no-repeat center top;
    background-size: 0.88rem 0.88rem;
  }
  .maskBox-close{
    background: url(/imgs/friend/index/maskBox-close.png) no-repeat center top;
    background-size: 0.88rem 0.88rem;
  }

}
.maskBox-cent::-webkit-scrollbar {
  display: none;
}
.maskBox-btn{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  font-size: 0.31rem;
  color: #333333;
  background: #fff;
  border-top: 1px solid #e2e2e2;
}
#isReward,#isReward1{
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 2000;
  margin-left: -1.75rem;
  margin-top: -1.05rem;
  width: 3.5rem;
  height: 2.1rem;
}
#isReward{
  background: url(/imgs/see/selfMedia/redTips-icon6.png) no-repeat center;
  background-size: 100% 100%;
}
#isReward1{
  background: url(/imgs/see/selfMedia/redTips-icon7.png) no-repeat center;
  background-size: 100% 100%;
}
.footerIsshop{
  .selfMediaVd-shopping{
    display: none;
  }
  span{
    padding-left: 9.5%;
    width: 15.5%;
  }
}